import {specsList,specsCount} from '../../../request/api'

const state = {
    specslist:[],
    page:1,//页码
    size:2, // 页码初始值
    count:0 // 总数量
}

const getters = {
    // 管理员列表
    getSpecsList(state){
        return state.specslist
    },
    // 返回总数
    getCount(state){
        return state.count
    },
    // 返回当前显示条数
    getSize(state){
        return state.size
    }
}

const mutations = {
    SPECSLIST(state,payload){
        state.specslist = payload
    },
    SPECSCOUNT(state,payload){
        state.count = payload
    },
    CHANGEPAGE(state,payload){
        state.page = payload
    }
}

const actions = {
    // 封装一个获取列表行动
    getSpecsListActions(context){
        // 调用接口
        specsList({
            size:context.state.size,//查询条数
            page: context.state.page//页码
        }).then(res => {
            if(res.code == 200){
                // console.log(res);
                context.commit('SPECSLIST',res.list)
                if(context.state.page !=1 && res.list.length == 0){
                    context.dispatch('changePageActions',context.state.page -1)
                }
            }
        })
    },
    // 封装一个获取总数的行动
    getCountActions({commit}){
        specsCount().then(res => {
            console.log(res.list);
            commit('SPECSCOUNT',res.list[0].total)
        })
    },
    // 封装一个切换页码行动
    changePageActions(context,payload){
        // 当用户切换页码 我们需要修改page
        context.commit('CHANGEPAGE',payload)
        // 重新调用列表
        context.dispatch('getSpecsListActions')
    }
}

export default {
    state,
    getters,
    mutations,
    actions,
    namespaced:true
}